<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="msapplication-tap-highlight" content="no">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/base.css?v2.0.11" >
	<link rel="stylesheet" type="text/css" href="../css/sctouch_member.css?v2.0.11" >
	<link rel="stylesheet" type="text/css" href="../css/sctouch_common.css?v2.0.11" >
	<link rel="stylesheet" type="text/css" href="../css/sctouch_cart.css?v2.0.11" >
	<link rel="stylesheet" type="text/css" href="../css/mui/mui.css?v2.0.11">
</head>
<body class="order-detail public-order">
<header id="header">
    <div class="header-wrap">
        <div class="header-l mui-action-back"></div>
        <div class="header-title">
            <h1>我的订单</h1>
        </div>
        <div class="header-r"></div>
    </div>
</header>

<div class="sctouch-main-layout pd5 pb0 mb10">
	<div class="sctouch-order-list" id="order-info-container">
		<ul>
		</ul>
	</div>
</div>
<div class="block-area">
	<hr color='#f3f3f3' />
	<i class="iconfont icon-down">&#xe63f;</i>
</div>
<div class="sctouch-main-layout mt10 mg5" id="order-delivery">
	<div class="no-record m10">物流信息加载中....</div>
</div>
<footer id="footer"></footer>
<script type="text/html" id="order-info-tmpl">
	<div id="public-order" class="sctouch-order-item mt5">
		<div class="sctouch-order-item-head">
			<span class="order_code">
				订单号：<span class="stateClass order_sn_<%=order_sn%>"><%=order_sn%></span>
			</span>
		</div>
		<div class="sctouch-order-item-con">
			<%
				var count = 0;
				for(i=0; i<goods_list.length; i++){
					count += goods_list[i].goods_num;
			%>
			<div class="goods-block public-order-detail">
				<a href="../mall/product_detail.html?goods_id=<%=goods_list[i].goods_id%>" class="order_url">
					<div class="goods-pic">
						<img src="<%=goods_list[i].image_url%>">
					</div>
					<dl class="goods-info">
						<dt class="goods-name"><%=goods_list[i].goods_name%></dt>
						<dd class="goods-type"><%=goods_list[i].goods_spec%></dd>
					</dl>
				</a>
			</div>
			<%}%>
			<% if (zengpin_list.length > 0){%>
			<div class="goods-gift">
				<%for(i=0; i<zengpin_list.length; i++){%>
				<span><em><%=lang('gift')%></em><%=zengpin_list[i].goods_name%> x <%=zengpin_list[i].goods_num%></span>
				<%}%>
			</div>
			<%}%>
		</div>
		<div class="sctouch-order-item-footer">
			<div class="store-totle">
				<span><%=lang('common')%><em><%=count%></em><%=lang('commons')%></span><span class="sum">￥<em><%=order_amount%></em></span><span class="freight">(<%=lang('freight_charges')%>￥<%=shipping_fee%>)</span>
			</div>
			<div class="store-totle text-left">
				<span class="position-icon"><i class="iconfont">&#xe628;</i></span>
				<div class="address-info">
					<span><%=extend_order_common.reciver_name%>&nbsp;&nbsp;
				<%=extend_order_common.reciver_mobile%></span></br>
					<span><%=extend_order_common.reciver_info.address%></span>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/html" id="order-delivery-tmpl">
<% if (err) { %>
	<div class="no-record m10"><%= err %></div>
<% } else { %>
<div class="sctouch-order-deivery-info">
	<i class="icon iconfont"></i>
	<dl>
		<dt><%=lang('logistics_company')%>：<%= express_name %></dt>
        <dd><%=lang('waybill_number')%>：<%= shipping_code %></dd>
	</dl>
</div>
<div class="sctouch-order-deivery-con">
	<% if (deliver_info.length) { %>
		<ul>
		<% for (var i in deliver_info) { %>
			<li><span><i></i></span><%= deliver_info[i].time %>&nbsp;&nbsp;<%= deliver_info[i].context %></li>
		<% } %>
		</ul>
	<% } else { %>
		<div class="no-record public-order-record m10"><%=lang('no_logistics_info')%></div>
	<% } %>
</div>
<% } %>
</script>
<script type="text/javascript" src="../js/mui/mui.js?v2.0.11" ></script>
<script type="text/javascript" src="../js/zepto.min.js?v2.0.11"></script>
<script type="text/javascript" src="../js/template.js?v2.0.11"></script>
<script type="text/javascript" src="../js/config.js?v2.0.11"></script>
<script type="text/javascript" src="../js/base64.js?v2.0.11"></script>
<script type="text/javascript" src="../js/layer_mobile/layer.js"></script>
<script type="text/javascript" src="../js/common.js?v2.0.11"></script>
<script type="text/javascript" src="../js/simple-plugin.js?v2.0.11"></script>
<script type="text/javascript" src="../js/zepto.waypoints.js?v2.0.11" ></script>
<script type="text/javascript" src="js/order.js?v2.0.11"></script>
<script type="text/javascript" src="lang/order.js?v2.0.11"></script>
<script type="text/javascript" src="../js/lang.js?v2.0.11"></script>
</body>
</html>